/**
 * @name Home
 * @desc
 * @author
 * @version
 */

import React, { Component } from "react"
import { NavLink } from "react-router-dom"

class Home extends Component {
    state = {
        list: []
    }

    onListUpdate = list => this.setState({ list })

    render() {
        return (
            <div>
                <h1>home</h1>
                <ol>
                    <li>
                        <NavLink to="/todo-list-demo">TodoList</NavLink>
                    </li>
                    <li>
                        <NavLink to="/counter">Counter</NavLink>
                    </li>
                    <li>
                        <NavLink to="/router-demo">Router Demo</NavLink>
                    </li>
                    <li>
                        <NavLink to="/list-fetch">List Fetch</NavLink>
                    </li>
                </ol>
            </div>
        )
    }
}

export default Home
